<%@ page pageEncoding="UTF-8" contentType="text/html; charset=UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<form id="custForm" name="custForm" action="cardApprover-inquiry.htm" method="post">
<s:hidden id="currentPage" name="pagingBean.currentPage"/>
<s:hidden id="orderId" name="orderId"/>
<s:hidden id="pvPath_th" name="pvPath_th"/>
<s:hidden id="pvPath_en" name="pvPath_en"/>
<s:hidden id="pdfPath" name="pdfPath"/>
<table width="722" border="0" cellpadding="0" cellspacing="0" class="bg2">
	<tr>
		<td width="100%" valign="top">
			<table width="100%" height="40" border="0" cellpadding="0" cellspacing="0">
				<tr>
					<td class="font02">Approve รายชื่อ</td>
				</tr>
			</table>
			<table width="95%" border="0" align="center" cellpadding="0" cellspacing="0" class="font03">
				<tr>
					<td>1. กรุณาตรวจสอบรายชื่อและคลิกปุ่ม view ด้านขวาดู
						เพื่อตรวจสอบความถูกต้องของนามบัตร</td>
				</tr>
				<tr>
					<td>2. ดูรายชื่ออื่นๆสามารถคลิกดูจากปุ่ม รายชื่อถัดไป</td>
				</tr>
				<tr>
					<td>&nbsp;</td>
				</tr>
				<tr>
					<td>&nbsp;</td>
				</tr>
			</table>
		</td>
	</tr>
	<tr>
		<td><br>
			<table width="95%" height="30" border="0" align="center" cellpadding="4" cellspacing="1">
				<tr class="font05">
					<td width="6%" height="25" align="center" bgcolor="#FF0000">ลำดับ</td>
					<td width="13%" bgcolor="#FF0000">ชื่อ</td>
					<td width="17%" bgcolor="#FF0000">นามสกุล</td>
					<td width="22%" bgcolor="#FF0000">ที่ทำการสาขา หรือเขต</td>
					<td width="16%" bgcolor="#FF0000">จำนวน(ใบ)</td>
					<td width="14%" align="center" bgcolor="#FF0000">วัน / เวลา</td>
					<td width="12%" align="center" bgcolor="#FF0000">ตรวจสอบ<br>เพื่อยืนยัน</td>
				</tr>
			</table>
			<table width="95%" border="0" align="center" cellpadding="2" cellspacing="0">
				<s:iterator value="customerOrderList" status="status" var="row" >
				
				<s:if test="#status.count%2==0">
				<tr id="row<s:property value="orderId"/>">
				</s:if>
				<s:else>
				<tr id="row<s:property value="orderId"/>" background="${imageBase}/bg3.png">
				</s:else>
					<td width="6%" height="18" align="center" class="font05">
						<p>
							<strong><s:property value="#status.count+pagingBean.getOffsetBegin()"/></strong>
						</p>
					</td>
					<s:if test='%{mmbFnameTh neq ""}'>
					<td width="13%" class="font05"><s:property value="mmbFnameTh"/></td>
					<td width="17%" class="font05"><s:property value="mmbLnameTh"/></td>
					</s:if>
					<s:else>
					<td width="13%" class="font05"><s:property value="mmbFnameEn"/></td>
					<td width="17%" class="font05"><s:property value="mmbLnameEn"/></td>
					</s:else>
					<td width="22%" class="font05"><s:property value="branchNameTh"/></td>
					<td width="16%" class="font05"><s:property value="quantity"/></td>
					<td width="14%" align="center" class="font05"><s:date name="createdDate" format="dd/MM/yyyy HH:mm"/></td>
					<td width="12%" align="center">
						<a href="#" onclick="selectrow('<s:property value="#status.count"/>','<s:property value="orderId"/>','<s:property value="mmbId"/>','<s:property value="mtpId"/>','<s:property value="mtpPath"/>','<s:property value="pdfPath"/>')">
							<img src="${ imageBase }/view_icon.gif" width="15" height="15">
						</a>
						<a href="#"></a>
					</td>
				</tr>
				
				</s:iterator>
				<tr>
					<td height="40" colspan="7" align="center">
						<span class="font06"> 
						<s:if test="pagingBean.pageCount > 1">
							<s:if test="pagingBean.currentPage > 1">
								<input name="button" type="button" class="buttonclick" id="button" value="รายชื่อก่อนหน้า" onclick="getPage('<s:property value="pagingBean.perviousPage"/>')"/>
							</s:if>
							<s:if test="pagingBean.currentPage < pagingBean.pageCount">
								<input name="button2" type="button" class="buttonclick" id="button2" value="รายชื่อถัดไป" onclick="getPage('<s:property value="pagingBean.nextPage"/>')"/>
							</s:if>
						</s:if>
						</span>
						<span class="font01_2">จากทั้งหมด </span>
						<span class="font05_2"><s:property value="pagingBean.totalRows"/></span>
						<span class="font01_2"> คน</span>
					</td>
				</tr>
			</table>
		</td>
	</tr>
	<tr>
		<td>&nbsp;</td>
	</tr>
</table>
</form>
<script>
	$j(document).ready(function(){
		//TINY.scroller.init('scroll','scrollcontent','scrollbar','scroller','buttonclick');
		//var orderId = $j("#orderId").val();
		//$j("tr[id^='row']:even").attr("background","${ imageBase }/bg3.png");
	});

	function getPage(p)
	{
		$j("#currentPage").val(p);
		$j("#custForm").submit();
	}
	function selectrow(row,orderId,mmbId,mtpId,mtpPath,pdfPath)
	{
		$j("#orderId").val(orderId);
		$j("#pdfPath").val(pdfPath);
		$j("#custForm").attr("action","cardApprover-approve.htm");
		$j("#custForm").submit();
	}
	function approve()
	{
		var orderId = $j("#orderId").val();
		if("" ==  orderId)
		{
			alert("กรุณาเลือกรายชื่อ");
			return false;
		}

		if(confirm('ยืนยันการอนุมัติ'))	
		{
			$j("#custForm").attr("action","cardApprover-submitApprove.htm");
			$j("#custForm").submit();
		}
		
	}

	function notApprove()
	{
		var orderId = $j("#orderId").val();
		if("" ==  orderId)
		{
			alert("กรุณาเลือกรายชื่อ");
			return false;
		}
		
		$j("#custForm").attr("action","cardApprover-notApprove.htm");
		$j("#custForm").submit();
	}
</script>
